@charset "utf-8";
/* CSS Document */

/*
	Theme Name: YANLICHEN
	Theme URI: 
	Description: 
	Template:118103811
*/ 

/*
CSS Reset
*/


p:hover{  transition: all 0.3s ease 0s;}
a:hover{ transition: all 0.3s ease 0s;}


/* 淡入-从上 */
@-webkit-keyframes fadeinT { 0% {
opacity:0;
-webkit-transform:translateY(-100px);
}
 100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@-moz-keyframes fadeinT { 0% {
opacity:0;
-moz-transform:translateY(-100px);
}
 100% {
opacity:1;
-moz-transform:translateY(0);
}
}
@-ms-keyframes fadeinT { 0% {
opacity:0;
-ms-transform:translateY(-100px);
}
 100% {
opacity:1;
-ms-transform:translateY(0);
}
}
@keyframes fadeinT { 0% {
opacity:0;
transform:translateY(-100px);
}
 100% {
opacity:1;
transform:translateY(0);
}
}

/* 淡入-从下 */
@-webkit-keyframes fadeinB { 0% {
opacity:0;
-webkit-transform:translateY(100px);
}
 100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@-moz-keyframes fadeinB { 0% {
opacity:0;
-moz-transform:translateY(100px);
}
 100% {
opacity:1;
-moz-transform:translateY(0);
}
}
@-ms-keyframes fadeinB { 0% {
opacity:0;
-ms-transform:translateY(100px);
}
 100% {
opacity:1;
-ms-transform:translateY(0);
}
}
@keyframes fadeinB { 0% {
opacity:0;
transform:translateY(100px);
}
 100% {
opacity:1;
transform:translateY(0);
}
}

/* 淡入-从左 */
@-webkit-keyframes fadeinL { 0% {
opacity:0;
-webkit-transform:translateX(-100px);
}
 100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@-moz-keyframes fadeinL { 0% {
opacity:0;
-moz-transform:translateX(-100px);
}
 100% {
opacity:1;
-moz-transform:translateX(0);
}
}
@-ms-keyframes fadeinL { 0% {
opacity:0;
-ms-transform:translateX(-100px);
}
 100% {
opacity:1;
-ms-transform:translateX(0);
}
}
@keyframes fadeinL { 0% {
opacity:0;

transform:translateX(-100px);
}
 100% {
opacity:1;
transform:translateX(0);
}
}
/* 淡出-向右 */
@-webkit-keyframes fadeinR { 0% {
opacity:0;
-webkit-transform:translateX(100px);
}
 100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@-moz-keyframes fadeinR { 0% {
opacity:0;
-moz-transform:translateX(100px);
}
 100% {
opacity:1;
-moz-transform:translateX(0);
}
}
@-ms-keyframes fadeinR { 0% {
opacity:0;
-ms-transform:translateX(100px);
}
 100% {
opacity:1;
-ms-transform:translateX(0);
}
}
@keyframes fadeinR { 0% {
opacity:0;
transform:translateX(100px);
}
 100% {
opacity:1;
transform:translateX(0);
}
}
/* 淡出 */
@-webkit-keyframes fadein { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes fadein { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-ms-keyframes fadein { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes fadein { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif,\5b8b\4f53; /* 用 ascii 字符表示，使得在任何编码下都无问题 */}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 14px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size:14px;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul, ol { list-style: none; }
/* 重置文本格式元素 */
a { text-decoration: none; color: #333;}
a:hover { text-decoration: none;}
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
	border-bottom: 1px dotted;
	cursor: help;
}
q:before, q:after { content: ''; }
/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
img{ margin:0px; padding:0px;}
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

/* 清理浮动 */
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}

.fl{ float:left;}
.fr{ float:right;}

/*head*/
#header{ width:100%; min-width:1200px; height:95px; border-top: solid 5px #007fc5; background:#fff; position:relative; z-index:8;}

#header .header{ width:1200px; height:95px; margin:0 auto; position: relative;}
#header .header .logo{ width:200px; height:130px; position: absolute; left:50%;margin-left: -100px;top: -5px;  z-index:9}
#header .header .logo a{ display:block; width:200px; height:130px; background: url(../images/logo.png) no-repeat;}

#header .nav{width:1200px;height: 95px; margin:0 auto; position:relative; z-index:8}
#header .nav > ul{ margin:0 auto;}
#header .nav > ul > li{ float:left; width:120px; height:95px; text-align:center; transition:width ease-out 0.5s; position:relative;}
#header .nav > ul > li > a{ display:block; width:100%; height:70px;padding-top: 30px; color:#333; text-align:center;}
#header .nav > ul > li > a:hover{ color:#004986; }
#header .nav > ul > li > a span{display: block; font-weight: lighter; color: #999; font-size: 12px;line-height: 24px; text-transform: uppercase;}
#header .nav > ul > li:hover{ background:#00479d;}
#header .nav > ul > li:hover > a{ color:#fff;}
#header .nav > ul > li:hover > a span{}
#header .nav > ul > li:hover .dropdown{ height:300px;}

#header .nav > ul > li .dropdown{ width:100%; height:0; overflow:hidden; position:absolute; left:0px; top:95px; z-index:10; transition:height ease-in 0.5s;}
.dropdown > ul{ padding:10px 0; background:#00479d;}
.dropdown > ul > li{  text-align:center; line-height:30px;}
.dropdown > ul > li a{ font-size:14px; color: #fff;}
.dropdown > ul > li a:hover{ color:#fff;}

/*底部*/
#contact{width: 100%; height: 300px; padding: 50px 0; background: #00479d; position:relative; bottom:-200px; transition:2.5s; min-width:1200px;}
.footer{ width:1200px; margin:0 auto;}
.footer.yd{}
.footer .footer-code{ float:left; width:300px; height:260px; padding:20px; background:rgba(255,255,255,0.1);}
.footer .footer-code img{ display:block; width:120px; height:120px;}
.footer .footer-code ul li{ height:120px; margin-bottom:20px;}
.footer .footer-code ul li span{ float:left; color:#fff; font-size:14px; margin-right:20px; line-height:24px;}
.footer .footer-code ul li span strong{ font-weight:normal; color:#00b7ee; font-size:14px;}

.footer .footer-nav{ float:right; width:800px; height:300px; overflow:hidden; position:relative;}
.footer .footer-nav > ul > li{ float:left; margin-right:50px; line-height:30px; font-size:14px; color:#999;}
.footer .footer-nav > ul > li:last-child{margin-right: 0;}
.footer .footer-nav > ul > li h2{  font-weight: normal; color:#fff; font-size:16px; line-height:24px; margin-bottom:20px;}
.footer .footer-nav > ul > li h2 span{ display:block; color:#00b7ee;}
.footer .footer-nav > ul > li ul li{}
.footer .footer-nav > ul > li ul li a{ font-size:14px; color:#fff;position: relative;}
.footer .footer-nav > ul > li ul li a:before{ content:""; width:0; height:1px; background:rgba(255,255,255,0.5); position:absolute; left:0; bottom:-4px; transition:all linear 0.15s;}
.footer .footer-nav > ul > li ul li a:hover:before{ width:100%;}
.footer .footer-nav > ul > li.contact{ width:336px;}
.footer .footer-nav > ul > li.contact strong{ display:block; font-size:16px; line-height:24px; color:#00b7ee; font-weight:normal; margin-bottom:24px;}
.footer .footer-nav > ul > li div{ color:#fff;}

.footer .footer-nav .copyright{ width:100%; color:#fff; font-size: 14px; line-height:30px; padding-top:22px; border-top:solid 1px rgba(255,255,255,.2); position:absolute; left:0; bottom:0;}
.footer .footer-nav .copyright a{ color:#fff; font-size: 14px;}
.footer .footer-nav .copyright a:hover{ text-decoration:underline;}